/* METERIOT Framework
 * Copyright Blue Air Tech Group
 * xsyds.cn(C)2016
 */
@charset "utf-8";
.meteriot-animate{
	vertical-align:middle;
	position:relative;
}
a.meteriot-animate, p.meteriot-animate, span.meteriot-animate{
	display:inline-block;
}
p.meteriot-animate{
	cursor: pointer;
}
a.meteriot-animate-hover-zoomout, a.meteriot-animate-hover-zoomin{
	text-decoration:none;
}
.meteriot-animate-zoom-only-show-self{
	overflow: hidden;
}
.meteriot-animate-hover-zoomin:hover{
	animation: amezoomin 3s ease;
	-moz-animation: amezoomin 3s ease;	/* Firefox */
	-webkit-animation: amezoomin 3s ease;	/* Safari 和 Chrome */
	-o-animation: amezoomin 3s ease;	/* Opera */
	transform:scale(0.85,0.85);
	-moz-transform:scale(0.85,0.85);
	-webkit-transform:scale(0.85,0.85);
	-o-transform:scale(0.85,0.85);
}
.meteriot-animate-zoomin{
	animation: amezoomin 3s ease;
	-moz-animation: amezoomin 3s ease;	/* Firefox */
	-webkit-animation: amezoomin 3s ease;	/* Safari 和 Chrome */
	-o-animation: amezoomin 3s ease;	/* Opera */
}
.meteriot-animate-hover-zoomout:hover{
	animation: amezoomout 3s ease;
	-moz-animation: amezoomout 3s ease;
	-webkit-animation: amezoomout 3s ease;
	-o-animation: amezoomout 3s ease;
	transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
}
.meteriot-animate-zoomout{
	animation: amezoomout 3s ease;
	-moz-animation: amezoomout 3s ease;
	-webkit-animation: amezoomout 3s ease;
	-o-animation: amezoomout 3s ease;
}
.meteriot-animate-breathe{
	animation-name: amezoomout15;
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;
	/* Firefox: */
	-moz-animation-name: amezoomout15;
	-moz-animation-duration: 5s;
	-moz-animation-timing-function: linear;
	-moz-animation-delay: 0s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-moz-animation-play-state: running;
	/* Safari 和 Chrome: */
	-webkit-animation-name: amezoomout15;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
	/* Opera: */
	-o-animation-name: amezoomout15;
	-o-animation-duration: 5s;
	-o-animation-timing-function: linear;
	-o-animation-delay: 0s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: alternate;
	-o-animation-play-state: running;
}
.meteriot-animate-rotating-slow{
	animation-name: rotating;
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: normal; /* normal is do not run in the different way, alternate means inversely */
	animation-play-state: running;
	/* Firefox: */
	-moz-animation-name: rotating;
	-moz-animation-duration: 5s;
	-moz-animation-timing-function: linear;
	-moz-animation-delay: 0s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: normal;
	-moz-animation-play-state: running;
	/* Safari 和 Chrome: */
	-webkit-animation-name: rotating;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
	/* Opera: */
	-o-animation-name: rotating;
	-o-animation-duration: 5s;
	-o-animation-timing-function: linear;
	-o-animation-delay: 0s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: normal;
	-o-animation-play-state: running;
}
.meteriot-animate-rotating-normal{
	animation-name: rotating;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: normal; /* normal is do not run in the different way, alternate means inversely */
	animation-play-state: running;
	/* Firefox: */
	-moz-animation-name: rotating;
	-moz-animation-duration: 3s;
	-moz-animation-timing-function: linear;
	-moz-animation-delay: 0s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: normal;
	-moz-animation-play-state: running;
	/* Safari 和 Chrome: */
	-webkit-animation-name: rotating;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
	/* Opera: */
	-o-animation-name: rotating;
	-o-animation-duration: 3s;
	-o-animation-timing-function: linear;
	-o-animation-delay: 0s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: normal;
	-o-animation-play-state: running;
}
.meteriot-animate-rotating-fast{
	animation-name: rotating;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: normal; /* normal is do not run in the different way, alternate means inversely */
	animation-play-state: running;
	/* Firefox: */
	-moz-animation-name: rotating;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-delay: 0s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: normal;
	-moz-animation-play-state: running;
	/* Safari 和 Chrome: */
	-webkit-animation-name: rotating;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
	/* Opera: */
	-o-animation-name: rotating;
	-o-animation-duration: 1s;
	-o-animation-timing-function: linear;
	-o-animation-delay: 0s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: normal;
	-o-animation-play-state: running;
}
.meteriot-animate-jump{
	animation-name: amezoomout15;
	animation-duration: 0.8s;
	animation-timing-function: ease;
	animation-delay: 0.3s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;
	/* Firefox: */
	-moz-animation-name: amezoomout15;
	-moz-animation-duration: 0.8s;
	-moz-animation-timing-function: ease;
	-moz-animation-delay: 0.3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-moz-animation-play-state: running;
	/* Safari 和 Chrome: */
	-webkit-animation-name: amezoomout15;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-delay: 0.3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
	/* Opera: */
	-o-animation-name: amezoomout15;
	-o-animation-duration: 0.8s;
	-o-animation-timing-function: ease;
	-o-animation-delay: 0.3s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: alternate;
	-o-animation-play-state: running;
}

@keyframes amezoomout
{
	from {
		transform:scale(1,1);
		-moz-transform:scale(1,1); 
		-webkit-transform:scale(1,1); 
		-o-transform:scale(1,1); 
	}
	to {
		transform:scale(1.2,1.2);
		-moz-transform:scale(1.2,1.2); 
		-webkit-transform:scale(1.2,1.2); 
		-o-transform:scale(1.2,1.2); 
	}
}
@-moz-keyframes amezoomout
{
	from {
		-moz-transform:scale(1,1);
	}to{
		-moz-transform:scale(1.2,1.2);
	}
}
@-webkit-keyframes amezoomout{
	from {
		-webkit-transform:scale(1,1);
	}to{
		-webkit-transform:scale(1.2,1.2);
	}
	0%{
		-webkit-transform:scale(1,1);
	}
	100%{
		-webkit-transform:scale(1.2,1.2);
	}
}
@-o-keyframes amezoomout{
	from {
		-o-transform:scale(1,1);
	}to{
		-o-transform:scale(1.2,1.2);
	}
}

@keyframes amezoomin
{
	from {
		transform:scale(1,1);
		-moz-transform:scale(1,1);
		-webkit-transform:scale(1,1);
		-o-transform:scale(1,1);
	}
	to {
		transform:scale(0.85,0.85);
		-moz-transform:scale(0.85,0.85); 
		-webkit-transform:scale(0.85,0.85); 
		-o-transform:scale(0.85,0.85); 
	}
}

@-moz-keyframes amezoomin /* Firefox */
{
	from {
		-moz-transform:scale(1,1); 
	}
	to {
		-moz-transform:scale(0.85,0.85); 
	}
}

@-webkit-keyframes amezoomin /* Safari 和 Chrome */
{
	from {
		-webkit-transform:scale(1,1); 
	}
	to {
		-webkit-transform:scale(0.85,0.85); 
	}
}

@-o-keyframes amezoomin /* Opera */
{
	from {
		-o-transform:scale(1,1); 
	}
	to {
		-o-transform:scale(0.85,0.85); 
	}
}
@keyframes amezoomout15
{
	from {
		transform:scale(1,1);
		-moz-transform:scale(1,1);
		-webkit-transform:scale(1,1);
		-o-transform:scale(1,1);
	}
	to {
		transform:scale(1.5,1.5);
		-moz-transform:scale(1.5,1.5); 
		-webkit-transform:scale(1.5,1.5); 
		-o-transform:scale(1.5,1.5); 
	}
}

@-moz-keyframes amezoomin /* Firefox */
{
	from {
		-moz-transform:scale(1,1); 
	}
	to {
		-moz-transform:scale(1.5,1.5); 
	}
}

@-webkit-keyframes amezoomin /* Safari 和 Chrome */
{
	from {
		-webkit-transform:scale(1,1); 
	}
	to {
		-webkit-transform:scale(1.5,1.5); 
	}
}

@-o-keyframes amezoomin /* Opera */
{
	from {
		-o-transform:scale(1,1); 
	}
	to {
		-o-transform:scale(0.85,0.85); 
	}
}
@keyframes rotating
{
	from {
		transform:rotate(0deg);
	}to{
		transform:rotate(360deg);
	}
}
@-webkit-keyframes rotating
{
	from {
		-webkit-transform:rotate(0deg);
	}to{
		-webkit-transform:rotate(360deg);
	}
}
@-moz-keyframes rotating
{
	from {
		-moz-transform:rotate(0deg);
	}to{
		-moz-transform:rotate(360deg);
	}
}
@-o-keyframes rotating
{
	from {
		-o-transform:rotate(0deg);
	}to{
		-o-transform:rotate(360deg);
	}
}